.ArticleDetail_content {
  display: flex;
  :global {
    .left_operate {
      position: fixed;
      width: 100px;
      flex-shrink: 0;
    }
    .center_article_content {
      flex: 6;
      max-width: 800px;
      margin-left: 120px;
      margin-right: 20px;
      .article_content {
        background-color: #fff;
        border-radius: 5px;
        padding: 30px;
        margin-bottom: 20px;
      }
      .comment_content {
        background-color: #fff;
        border-radius: 5px;
        padding: 30px;
        margin-bottom: 20px;
      }
      .recommendToyou {
        background-color: #fff;
        border-radius: 5px;
        padding: 30px;
      }
    }
    .right_other_message {
      flex: 1;
      flex-shrink: 0;
      max-width: 350px;
      min-width: 300px;
      .author_info {
        width: 100%;
        margin-bottom: 20px;
      }
    }
    .showAiContent {
      position: fixed;
      right: 10px;
      bottom: 10px;
      min-width: 500px;
      width: 600px;
      z-index: 999;
      background-image: linear-gradient(
        235deg,
        #e6e3fd,
        #ebebfd,
        #eff4fb,
        #eff4fb,
        #eff4fb,
        #eef3fa
      );
      height: 85vh;
      border-radius: 10px;
      box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3);
    }
    .showAiContentScreen {
      position: fixed;
      z-index: 999;
      right: 10px;
      bottom: 10px;
      left: 10px;
      top: 10px;
      padding: 0 20vw;
      background-image: linear-gradient(
        235deg,
        #e6e3fd,
        #ebebfd,
        #eff4fb,
        #eff4fb,
        #eff4fb,
        #eef3fa
      );
      border-radius: 10px;
      z-index: 9999999999999999;
      box-shadow: 0px 2px 8px rgba(100, 100, 100, 0.3);
    }
    .rightBottomFixed {
      position: fixed;
      right: 10px;
      bottom: 10px;
    }
  }
}
